<template>
  <div>
    <HeadersHomeHeader v-if="isHome" />
    <HeadersDefaultHeader v-else />
  </div>
</template>

<script setup lang="ts">
const isHome = ref(true);

const router = useRouter();
const route = useRoute();

isHome.value = route.path === '/';

router.afterEach((to: { path: string }) => {
  isHome.value = to.path === '/';
});
</script>

<style lang="scss" scoped></style>
